<template>
  <div class="hello">
    <!-- logo -->
    <div class="top"><img src="../assets/logo.jpg" alt=""></div>
    <!-- uls -->
    <div class="main">
      <div class="main_ul">
        <ul>
          <li>旅行服务</li>
          <li>旅游攻略</li>
          <li>旅游特价</li>
          <li>酒店预定</li>
          <li>旅行服务</li>
          <li>订火车票</li>
          <li>APP下载</li>
        </ul>
      </div>
      <div class="main_ul">
        <ul>
          <li>关于我们</li>
          <li>联系我们</li>
          <li>隐私政策</li>
          <li>旅游攻略</li>
          <li>服务协议</li>
          <li>商标声明</li>
          <li>网站地图</li>	

        </ul>
      </div>
      <div class="main_ma"><img src="../assets/index11.jpg" alt="">小胖丁旅行订阅号</div>
      <div class="main_ma"><img src="../assets/index11.jpg" alt="">小胖丁旅行公众号</div>
      <div class="main_ma"><img src="../assets/index11.jpg" alt="">扫一扫下载官方APP</div>
    </div>
    <!-- bottom -->
    <div class="bottom">
      <p>关于Qunar.c|业务合作|加入我们|"严重违规失信”专项整治举报|安全中心|星骆驼公益|About Us|Trip.com Group</p>
      <p>Copyright©2021    Qunar.com京公网安备11010802030542京ICP备05021087号京ICP证060856号营业执照信息互联网药品信息服务资格证：（京） </p>
      <p>非经营性2016-0110去哪儿网投诉、咨询热线电话95117举报、投诉邮箱：tousu@qunar.com全国旅游投诉热线：12345</p>
    </div>
  </div>

</template>

<script>
export default {
  name: 'HelloWorld2',
  
}
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped lang="less">
*{margin: 0 ;padding:0;}
.hello{background-color: #5199d2;}
.top{text-align: center;img{margin: 10px;}}
.main{width: 70%;margin: 50px auto;color: white;display: flex;flex-direction: row;justify-content: space-between;}
.main_ul{width: 10%;border: 0px solid pink;text-align: center;color: white;line-height: 30px;}
.main_ul li{list-style-type: none;}
.main_ul li:first-child{font-size: 20px;font-weight: bold;}
.main_ma{width:150px;img{width: 150px;}text-align: center;}
.bottom{background-color: #5199d2;text-align: center;color: white;font-size: 13px;padding: 40px 0 50px 0;}
</style>
